<template>
  <div>
    <h3>请选择你喜欢的专栏</h3>
    <input type="checkbox" v-model="hobby" value="科幻" >科幻
    <input type="checkbox" v-model="hobby" value="喜剧">喜剧
    <input type="checkbox" v-model="hobby" value="动漫">动漫
    <input type="checkbox" v-model="hobby" value="冒险">冒险
    <input type="checkbox" v-model="hobby" value="科技">科技
    <input type="checkbox" v-model="hobby" value="军事">军事
    <input type="checkbox" v-model="hobby" value="娱乐">娱乐
    <input type="checkbox" v-model="hobby" value="奇闻">奇闻
   <ul>
    <li v-for="(item,index) in hobby" :key="index"> {{item}}</li>
   </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      hobby:[],
      // list:[
      //   {
      //  name: '科幻',
      //  value:'kh'
      // },
      // {
      //  name: '喜剧',
      //  value:'xj'
      // },
      // {
      //  name: '动漫',
      //  value:'dm'
      // },
      // {
      //  name: '冒险',
      //  value:'mx'
      // },{
      //  name: '科技',
      //  value:'kj'
      // },
      // {
      //  name: '军事',
      //  value:'js'
      // },{
      //  name: '娱乐',
      //  value:'yl'
      // },
      // {
      //    name: '奇闻',
      //  value:'qw'
      // }
      // // 
      // // checked:true
      // ]
      // hobbyList:['科幻','喜剧','动漫','冒险','科技','军事','娱乐','奇闻']
    }
  },
  methods:{
    handle(e) {
      console.log(e);
    }
  }
}
</script>

<style>

</style>